<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>v-html指令学习</title>
    <script src="../../js/vue.js"></script>
</head>
<body>
<div id="app">
    <!--
    功能:
        使用v-html解析字符串为dom元素.
    说明:
        1. 需要注意的是, 和v-text一样, 替换时会将选定元素的所有内容都替换掉.
    -->
    <span v-html="button">该内容会被替换</span>
    <span v-text="button">该内容会被替换</span>
</div>
</body>
<script>

    let app1 = new Vue({
        el: '#app',
        data: {
            button: '前缀:<a href="#">点击测试</a>, 后缀'
        }
    });

</script>
</html>